<!DOCTYPE HTML>
<html>
<head>
    <meta charset=utf-8>
    <title>剪刀石头布，让我们一起来脑残吧!!!</title>
    <meta name=viewport content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no"/>
    <meta name="apple-mobile-web-app-capable" content="yes"/>

    <meta name="full-screen" content="true"/>
    <meta name="screen-orientation" content="portrait"/>
    <meta name="x5-fullscreen" content="true"/>
    <meta name="360-fullscreen" content="true"/>

    <script src="js/phaser.min.js" type="text/javascript"></script>
    <style>
        body {
            text-align: center;
            padding: 0;
            border: 0;
            margin: 0;
            height: 100%;
            background-color: #fff;
        }

        #phaser-box {
            display: inline-block;
            margin: 0 auto;
        }

        #canvas-cover{
            position: absolute;
            width: 100%;
            height: 100%;
            top: 0;
            left: 0;
            display: none;
            background-color: #000;
            -moz-opacity: 0.8;
            opacity:.80;
            filter: alpha(opacity=80);
        }
        #share-tips{
            margin: auto;
            width: 320px;
            height: 480px;
            color: #fff;
            text-align: left;
            font-weight: 800;
            font-size: 26px;
        }
        #share-tips p{
            padding-left: 0;
            margin: 0 0 20px 20px;
        }

        #help-cover{
            position: absolute;
            width: 100%;
            height: 100%;
            top: 0;
            left: 0;
            display: none;
            background-color: #fff;
        }
        #help-words{
            position: relative;
            margin: auto;
            width: 320px;
            height: 480px;
            color: #000;
            text-align: left;
            padding: 20px;
        }
        #help-close{
            position: absolute;
            top: 10px;
            right: 10px;
            font-weight: 800;
            font-size: 14px;
            width: 66px;
            height: 44px;
            line-height: 44px;
            text-align: center;
        }
        #ad-box{
            line-height: 50px;
            font-size: 26px;
            background-color: #1e90f1;
            color: #fff;
            height: 100px;
            text-align: center;
        }
        #ad-box a{
            color: #fff;
            text-decoration: none;
        }
    </style>
</head>

<body>
<div id="phaser-box"></div>
<div id="canvas-cover" onclick="return weixin_share_close();">
    <div id="share-tips">
        <div style="text-align: right;">
            <img src="img/arrow.png" style="height: 120px;">
        </div>
        <p>请点击右上角</p>
        <p>点击【分享到朋友圈】</p>
        <p>邀请好友一起来脑残吧</p>
    </div>
</div>
<div id="help-cover">
    <div id="help-words">
        <div id="help-close" onclick="return bz_help_close();">关闭</div>
        <h1>饼子作品</h1>
        <p>E-Mail: magicsky0@163.com</p>
        <p>QQ: 355496438</p>
        <p>Copyright: www.9a121.me</p>
        <div id="ad-box">
            <a href="http://www.ctrip.com">点击前往携程旅游网</a>
        </div>
    </div>
</div>
<script type="text/javascript">
    var imgUrl = "http://www.9a121.me/ssc/logo.png";
    var lineLink = "http://www.9a121.me/ssc/index.html";
    var descContent = '跟手机剪刀石头布，测测你的人品如何...';
    var shareTitle = '剪刀石头布，让我们一起来脑残！';
    var appid = '';

    var wx_share_obj;
    function weixin_share()
    {
        document.getElementById('canvas-cover').style.display="inline";
        wx_share_obj = setTimeout(function(){
            weixin_share_close();
        },5000);
    }

    function weixin_share_close()
    {
        document.getElementById('canvas-cover').style.display="none";
        clearTimeout(wx_share_obj);
    }

    function bz_help()
    {
        document.getElementById('help-cover').style.display="inline";
    }

    function bz_help_close()
    {
        document.getElementById('help-cover').style.display="none";
    }
</script>
<script src="js/game.min.js" type="text/javascript"></script>
<script type="text/javascript">
    function shareFriend() {
        WeixinJSBridge.invoke('sendAppMessage', {
                    "appid": appid,
                    "img_url": imgUrl,
                    "img_width": "200",
                    "img_height": "200",
                    "link": lineLink,
                    "desc": descContent,
                    "title": shareTitle
                },
                function (res) {
                })
    }

    function shareTimeline() {
        WeixinJSBridge.invoke('shareTimeline', {
                    "img_url": imgUrl,
                    "img_width": "200",
                    "img_height": "200",
                    "link": lineLink,
                    "desc": descContent,
                    "title": shareTitle
                },
                function (res) {
                });
    }

    function shareWeibo() {
        WeixinJSBridge.invoke('shareWeibo', {
                    "content": descContent,
                    "url": lineLink
                },
                function (res) {
                });
    }

    // 当微信内置浏览器完成内部初始化后会触发WeixinJSBridgeReady事件。
    document.addEventListener('WeixinJSBridgeReady',
            function onBridgeReady() {
                // 发送给好友
                WeixinJSBridge.on('menu:share:appmessage',
                        function (argv) {
                            shareFriend();
                        });

                // 分享到朋友圈
                WeixinJSBridge.on('menu:share:timeline',
                        function (argv) {
                            shareTimeline();
                        });

                // 分享到微博
                WeixinJSBridge.on('menu:share:weibo',
                        function (argv) {
                            shareWeibo();
                        });
            },
            false);
</script>
<script type="text/javascript">
    var _bdhmProtocol = (("https:" == document.location.protocol) ? " https://" : " http://");
    document.write(unescape("%3Cscript src='" + _bdhmProtocol + "hm.baidu.com/h.js%3F72e106b727d908aefecec0cebb260dd1' type='text/javascript'%3E%3C/script%3E"));
</script>
</body>
</html>
